<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
  <link rel="stylesheet" href="lib/layui/css/layui.css">
  <link rel="stylesheet" href="css/admin.css">

</head>
<body>
<script type="text/html" id="toolbarDemo">

</script>
<table class="layui-hide" id="test"></table>
             <script src="js/jquery-3.4.1.min.js"></script>
             <script src="lib/layui/layui.js"></script>
             <script src="js/admin.js"></script> 
          
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 --> 

<script>
layui.use('table', function(){
  var table = layui.table;
  
  table.render({
    elem: '#test'
    ,url:'/query/find/all'
	,parseData: function(res){ //res 即为原始返回的数据
	    return {
	      "code": 0, //解析接口状态
	      "msg": "", //解析提示文本
	      "count": res.t.pageCount, //解析数据长度
	      "data": res.t.transfers //解析数据列表
	    };
	 }
      ,toolbar: '#toolbarDemo'
      ,defaultToolbar: ['filter', 'exports']
    ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
      layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
      //,curr: 5 //设定初始在第 5 页
      ,groups: 1 //只显示 1 个连续页码
      ,first: false //不显示首页
      ,last: false //不显示尾页
      
    }
    ,cols: [[
      {type: 'checkbox', fixed: 'left'}
      ,{field:'dealno', title:'流水号'}
      ,{field:'dealdate', title:'交易时间'}
      ,{field:'transtype', title:'转账类型' }
      ,{field:'accout', title:'转出账号'}
      ,{field:'accoutname', title:'用户名'}
	  ,{field:'accoutbank', title:'流水号'}
	  ,{field:'accin', title:'转入账号'}
	  ,{field:'accinname', title:'转入用户' }
	  ,{field:'accinbank', title:'转入银行'}
	  ,{field:'currtype', title:'货币类型'}
	  ,{field:'transfund', title:'转账金额'}
	  ,{field:'descriptions', title:'描述'},
	  ,{field:'transstatus', title:'转账状态'}
    ]]
    
  });
});

</script>

</body>
</html>


<!-- cols: [[
      {type: 'checkbox', fixed: 'left'}
      ,{field:'dealno', title:'流水号'}
      ,{field:'dealdate', title:'交易时间'}
      ,{field:'transtype', title:'转账类型' }
      ,{field:'accout', title:'转出账号'}
      ,{field:'accoutname', title:'用户名'}
	  ,{field:'accoutbank', title:'流水号'}
	  ,{field:'accin', title:'转入账号'}
	  ,{field:'accinname', title:'转入用户' }
	  ,{field:'accinbank', title:'性别'}
	  ,{field:'currtype', title:'货币类型'}
	  ,{field:'transfund', title:'转账金额'}
	  ,{field:'descriptions', title:'描述'},
	  ,{field:'transstatus', title:'转账状态'}
    ]] -->